<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/xitu.css">
    <link rel="stylesheet" href="../../../iconfont/iconfont.css">
</head>

<body>
    <!-- navigation -->
    <div class="navigation-outer">
        <div class="navigation-in">
            <div class="navigation-log">
                <a href="#"><img src="../img/log.png" alt=""></a>
            </div>
            <div class="navigation-content">
                <a href="#">首页</a>
                <a href="#">BOT</a>
                <a href="#">沸点</a>
                <a href="#">课程</a>
                <a href="#">直播</a>
                <a href="#">活动</a>
                <a href="#">竞赛</a>
                <a href="#">商城</a>
                <a href="#">APP</a>
                <a href="#">插件</a>
            </div>
            <div class="navigation-img2">
                <a href="#"><img src="../img/zhishiku.png" alt=""></a>
            </div>
            <div class="navigation-input">
                <input type="#" placeholder="探索稀土掘金" class="input1">
                <div>
                    <span class="iconfont icon-sousuo"></span>
                </div>
            </div>
            <div class="navigation-button1">
                <a href="#">
                    <button>创作者中心</button>
                    <div>
                        <span class="iconfont icon-sousuo"></span>
                    </div>
                </a>
            </div>
            <div class="vip1">
                <a href="#">
                    <img src="../img/vip.png" alt="">
                    <span>会员</span>
                </a>
            </div>
            <div class="navigation-button2">
                <button>
                    <div>登入</div>
                    <div>|</div>
                    <div>注册</div>
                </button>
            </div>
        </div>
    </div>
    <div class="content-in">
        <!-- 左侧 -->
        <div class="left-in">
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                大模型子站
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2 aspan1"></span>
            </a>
            <div class="xiahuaxian2"></div>
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                关注
            </a>
            <a href="#" class="abianhuan">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                综合
            </a>
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                后端
            </a>
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                前端
            </a>
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                Android
            </a>
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                iOS
            </a>
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                人工智能
            </a>
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                开发工具
            </a>
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                代码人生
            </a>
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                阅读
            </a>
            <a href="#">
                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                排行榜
            </a>
        </div>
        <!-- 中间 -->
        <div class="centent-in">
            <div class="centent-top">
                <a href="#" class="centent-topa1 chufaa">推荐</a>
                <a href="#" class="centent-topa2">最新</a>
            </div>
            <div class="centent-neirong">
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                听说你不了解package.json? 那太巧了
                            </div>
                            <div class="centent-neirongdiv2">
                                关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解改文件的含义以及学会对它的配置。 作用
                                package.jso
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                outsider_友人A
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                5.4k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">41</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/youjiangzhengwen.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                逆天的仿站软件，只需网站截图，复制和网站一样的效果
                            </div>
                            <div class="centent-neirongdiv2">
                                ​ 可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。 效果展示 第一、去github下载开源项目
                                开源项目：GitHub
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                在呼吸124
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                3.9k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">32</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"><img src="../img/cent2.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                关于 iOS 18 目前知道的消息
                            </div>
                            <div class="centent-neirongdiv2">
                                这里每天分享一个 iOS 的新知识，快来关注我吧 前言 前几天苹果公布了 WWDC 24 的最新消息，确定 6 月 10 号开始，今天来盘点一下目前已知的关于今年即将发布的
                                iOS
                                18 可能要发布的
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                iOS新知
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                16k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">14</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/youjiangzhengwen.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                我倒闭 2 年的小网站将重出江湖！
                            </div>
                            <div class="centent-neirongdiv2">
                                这篇文章就简单分享一下当时我开源的面试鸭网站背后的技术，也是我自己很喜欢的一套技术栈，百试不爽，想做个网站的话，非常值得参考。
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                程序员鱼皮
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                4.7k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">44</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/cent2.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                听说你不了解package.json? 那太巧了
                            </div>
                            <div class="centent-neirongdiv2">
                                关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解改文件的含义以及学会对它的配置。 作用
                                package.jso
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                outsider_友人A
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                5.4k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">41</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>

                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/youjiangzhengwen.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                逆天的仿站软件，只需网站截图，复制和网站一样的效果
                            </div>
                            <div class="centent-neirongdiv2">
                                ​ 可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。 效果展示 第一、去github下载开源项目
                                开源项目：GitHub
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                在呼吸124
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                3.9k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">32</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"><img src="../img/cent2.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                关于 iOS 18 目前知道的消息
                            </div>
                            <div class="centent-neirongdiv2">
                                这里每天分享一个 iOS 的新知识，快来关注我吧 前言 前几天苹果公布了 WWDC 24 的最新消息，确定 6 月 10 号开始，今天来盘点一下目前已知的关于今年即将发布的
                                iOS
                                18 可能要发布的
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                iOS新知
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                16k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">14</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/youjiangzhengwen.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                我倒闭 2 年的小网站将重出江湖！
                            </div>
                            <div class="centent-neirongdiv2">
                                这篇文章就简单分享一下当时我开源的面试鸭网站背后的技术，也是我自己很喜欢的一套技术栈，百试不爽，想做个网站的话，非常值得参考。
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                程序员鱼皮
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                4.7k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">44</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/cent2.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                听说你不了解package.json? 那太巧了
                            </div>
                            <div class="centent-neirongdiv2">
                                关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解改文件的含义以及学会对它的配置。 作用
                                package.jso
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                outsider_友人A
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                5.4k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">41</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>

                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/youjiangzhengwen.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                逆天的仿站软件，只需网站截图，复制和网站一样的效果
                            </div>
                            <div class="centent-neirongdiv2">
                                ​ 可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。 效果展示 第一、去github下载开源项目
                                开源项目：GitHub
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                在呼吸124
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                3.9k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">32</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"><img src="../img/cent2.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                关于 iOS 18 目前知道的消息
                            </div>
                            <div class="centent-neirongdiv2">
                                这里每天分享一个 iOS 的新知识，快来关注我吧 前言 前几天苹果公布了 WWDC 24 的最新消息，确定 6 月 10 号开始，今天来盘点一下目前已知的关于今年即将发布的
                                iOS
                                18 可能要发布的
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                iOS新知
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                16k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">14</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/youjiangzhengwen.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                我倒闭 2 年的小网站将重出江湖！
                            </div>
                            <div class="centent-neirongdiv2">
                                这篇文章就简单分享一下当时我开源的面试鸭网站背后的技术，也是我自己很喜欢的一套技术栈，百试不爽，想做个网站的话，非常值得参考。
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                程序员鱼皮
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                4.7k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">44</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/cent2.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                听说你不了解package.json? 那太巧了
                            </div>
                            <div class="centent-neirongdiv2">
                                关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解改文件的含义以及学会对它的配置。 作用
                                package.jso
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                outsider_友人A
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                5.4k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">41</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>

                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/youjiangzhengwen.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                逆天的仿站软件，只需网站截图，复制和网站一样的效果
                            </div>
                            <div class="centent-neirongdiv2">
                                ​ 可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。 效果展示 第一、去github下载开源项目
                                开源项目：GitHub
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                在呼吸124
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                3.9k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">32</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"><img src="../img/cent2.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                关于 iOS 18 目前知道的消息
                            </div>
                            <div class="centent-neirongdiv2">
                                这里每天分享一个 iOS 的新知识，快来关注我吧 前言 前几天苹果公布了 WWDC 24 的最新消息，确定 6 月 10 号开始，今天来盘点一下目前已知的关于今年即将发布的
                                iOS
                                18 可能要发布的
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                iOS新知
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                16k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">14</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/youjiangzhengwen.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                我倒闭 2 年的小网站将重出江湖！
                            </div>
                            <div class="centent-neirongdiv2">
                                这篇文章就简单分享一下当时我开源的面试鸭网站背后的技术，也是我自己很喜欢的一套技术栈，百试不爽，想做个网站的话，非常值得参考。
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                程序员鱼皮
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                4.7k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">44</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/cent2.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                听说你不了解package.json? 那太巧了
                            </div>
                            <div class="centent-neirongdiv2">
                                关于 package.json 你了解多少? 我们经常在项目中会看到package.json文件，却很少关注里面的东西，那今天就来带你了解改文件的含义以及学会对它的配置。 作用
                                package.jso
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                outsider_友人A
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                5.4k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">41</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/youjiangzhengwen.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                逆天的仿站软件，只需网站截图，复制和网站一样的效果
                            </div>
                            <div class="centent-neirongdiv2">
                                ​ 可以看到功能非常强大，你只需一张你喜欢的网页截图，他会帮你生成和网页一样的html和css代码，内容他会自动替换，从此解放双手。 效果展示 第一、去github下载开源项目
                                开源项目：GitHub
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                在呼吸124
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                3.9k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">32</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"><img src="../img/cent2.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                关于 iOS 18 目前知道的消息
                            </div>
                            <div class="centent-neirongdiv2">
                                这里每天分享一个 iOS 的新知识，快来关注我吧 前言 前几天苹果公布了 WWDC 24 的最新消息，确定 6 月 10 号开始，今天来盘点一下目前已知的关于今年即将发布的
                                iOS
                                18 可能要发布的
                            </div>
                        </a>
                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                iOS新知
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                16k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">14</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/youjiangzhengwen.png" alt="" class="centent-neirongimg"></a>
                </div>
                <div class="centent-neirongdiv">
                    <div class="centent-neirongright">
                        <a href="#">
                            <div class="centent-neirongdiv1">
                                我倒闭 2 年的小网站将重出江湖！
                            </div>
                            <div class="centent-neirongdiv2">
                                这篇文章就简单分享一下当时我开源的面试鸭网站背后的技术，也是我自己很喜欢的一套技术栈，百试不爽，想做个网站的话，非常值得参考。
                            </div>
                        </a>

                        <div class="centent-neirongdiv3">
                            <a href="#" class="cententa cententa1">
                                程序员鱼皮
                            </a>
                            <span class="cententspan">|</span>
                            <a href="#" class="cententa cententa2">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                4.7k
                            </a>
                            <a href="#" class="cententa cententa3">
                                <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                                <span class="num">44</span>
                            </a>
                            <a href="#"><span class="cententspan2">· · ·</span></a>
                            <a href="#" class="cententa4">前端</a>
                        </div>
                    </div>
                    <a href="#"> <img src="../img/cent2.png" alt="" class="centent-neirongimg"></a>
                </div>
            </div>
        </div>
        <!-- 右侧 -->
        <div class="right-in">
            <div class="xiawuhao">
                <div>
                    <h4>下午好！</h4>
                    <span>点亮在社区的每一天</span>
                </div>
                <div>
                    <button>去签到</button>
                </div>
            </div>
            <div class="wenzhangbang">
                <div class="wenzhangbang-title">
                    <img src="../img/image.png" alt="">
                    <span>文章榜</span>
                    <a href="#">
                        <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                        换一换
                    </a>
                </div>
                <div class="xiahuaxian"></div>
                <div class="wenzhangbangneirong">
                    <div><span>1</span><a href="#"><span>卧槽，牛逼！vue3的组件竟然还能</span></a></div>
                    <div><span>2</span><a href="#"><span>VSCode 天命人：边打代码边</span></a></div>
                    <div><span>3</span><a href="#"><span>高德地图+Three.js实现飞线</span></a></div>
                    <div><span>4</span><a href="#"><span> weapp-vite 发布：重塑小程序开</span></a></div>
                    <div><span>5</span><a href="#"><span>用 Swift 写 Android App ？</span></a></div>
                </div>
                <div class="xiahuaxian"></div>
                <div class="chakangengduo">
                    <a href="#">
                        <span>查看更多</span>
                        <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                    </a>
                </div>
            </div>
            <div class="wenzhangimg">
                <div class="right-img">
                    <a href="#" title="关闭"> <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span></a>
                    <a href="#"><img src="../img/youjiangzhengwen.png" alt=""></a>
                    <a href="#"><span class="span123">广告</span></a>

                </div>
                <div class="right-img">
                    <a href="#" title="关闭"> <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span></a>
                    <a href="#"><img src="../img/youjiangzhengwen.png" alt=""></a>
                    <a href="#"><span class="span123">广告</span></a>
                </div>
                <div class="right-img">
                    <a href="#" title="关闭"> <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span></a>
                    <a href="#"><img src="../img/youjiangzhengwen.png" alt=""></a>
                    <a href="#"><span class="span123">广告</span></a>
                </div>
            </div>
            <div class="zuozhebang">
                <div class="zuozhebang-title">
                    <img src="../img/zuozhebang.png" alt="">
                    <span>作者榜</span>
                </div>
                <div class="xiahuaxian"></div>
                <div class="zuozhebang-zuozhe">
                    <div class="zuozhebang-div1">
                        <a href="#">
                            <img src="../img/zuozhe1.png" alt="" title="知否技术">
                        </a>
                        <a href="#">
                            <div class="zuozhebang-div2" title="知否技术">
                                <span class="zuozhebang-div2-span1">知否技术</span>
                                <span class="zuozhebang-div2-span2">公众号 @知否技术</span>
                            </div>
                        </a>
                        <span class="button-span">+ 关注</span>
                    </div>
                    <div class="zuozhebang-div1">
                        <a href="#">
                            <img src="../img/zuozhe1.png" alt="" title="知否技术">
                        </a>
                        <a href="#">
                            <div class="zuozhebang-div2" title="知否技术">
                                <span class="zuozhebang-div2-span1">知否技术</span>
                                <span class="zuozhebang-div2-span2">公众号 @知否技术</span>
                            </div>
                        </a>
                        <span class="button-span">+ 关注</span>
                    </div>
                    <div class="zuozhebang-div1">
                        <a href="#">
                            <img src="../img/zuozhe1.png" alt="" title="知否技术">
                        </a>
                        <a href="#">
                            <div class="zuozhebang-div2" title="知否技术">
                                <span class="zuozhebang-div2-span1">知否技术</span>
                                <span class="zuozhebang-div2-span2">公众号 @知否技术</span>
                            </div>
                        </a>
                        <span class="button-span">+ 关注</span>
                    </div>
                    <div class="zuozhebang-div1">
                        <a href="#">
                            <img src="../img/zuozhe1.png" alt="" title="知否技术">
                        </a>
                        <a href="#">
                            <div class="zuozhebang-div2" title="知否技术">
                                <span class="zuozhebang-div2-span1">知否技术</span>
                                <span class="zuozhebang-div2-span2">公众号 @知否技术</span>
                            </div>
                        </a>
                        <span class="button-span">+ 关注</span>
                    </div>
                    <div class="zuozhebang-div1">
                        <a href="#">
                            <img src="../img/zuozhe1.png" alt="" title="知否技术">
                        </a>
                        <a href="#">
                            <div class="zuozhebang-div2" title="知否技术">
                                <span class="zuozhebang-div2-span1">知否技术</span>
                                <span class="zuozhebang-div2-span2">公众号 @知否技术</span>
                            </div>
                        </a>
                        <span class="button-span">+ 关注</span>
                    </div>
                </div>
                <div class="xiahuaxian"></div>
                <div class="chakangengduo">
                    <a href="#">
                        <span>查看更多</span>
                        <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                    </a>
                </div>
            </div>
            <div class="tuijianneirong">
                <div class="tuijianneirong-title">
                    <span>推荐话题</span>
                    <a href="#">
                        <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                        换一换
                    </a>
                </div>
                <div class="xiahuaxian"></div>
                <div class="tuijianneirongneirong">
                    <div class="tuijianneirong-div1">
                        <a href="#">
                            <img src="../img/jian.png" alt="">
                            <span class="tuijianneirong-div1-span1">#挑战每日一条沸点#</span>
                            <span class="tuijianneirong-div1-span2">9.4m</span>
                        </a>
                    </div>
                    <div class="tuijianneirong-div1">
                        <a href="#">
                            <img src="../img/jian.png" alt="">
                            <span class="tuijianneirong-div1-span1">#每日快讯#</span>
                            <span class="tuijianneirong-div1-span2">6.3m</span>
                        </a>
                    </div>
                    <div class="tuijianneirong-div1">
                        <a href="#">
                            <img src="../img/jian.png" alt="">
                            <span class="tuijianneirong-div1-span1">#豆包Marscode体验#</span>
                            <span class="tuijianneirong-div1-span2">478k</span>
                        </a>
                    </div>
                    <div class="tuijianneirong-div1">
                        <a href="#">
                            <img src="../img/jian.png" alt="">
                            <span class="tuijianneirong-div1-span1">#鸿蒙的实践与探索#</span>
                            <span class="tuijianneirong-div1-span2">110k</span>
                        </a>
                    </div>
                    <div class="tuijianneirong-div1">
                        <a href="#">
                            <img src="../img/jian.png" alt="">
                            <span class="tuijianneirong-div1-span1">#每天一个知识点#</span>
                            <span class="tuijianneirong-div1-span2">23.7m</span>
                        </a>
                    </div>
                    <div class="tuijianneirong-div1">
                        <a href="#">
                            <img src="../img/jian.png" alt="">
                            <span class="tuijianneirong-div1-span1">#金石计划征文活动#</span>
                            <span class="tuijianneirong-div1-span2">22.0m</span>
                        </a>
                    </div>
                    <div class="tuijianneirong-div1">
                        <a href="#">
                            <img src="../img/jian.png" alt="">
                            <span class="tuijianneirong-div1-span1">#华为鸿蒙有奖征文#</span>
                            <span class="tuijianneirong-div1-span2">83k</span>
                        </a>
                    </div>
                    <div class="tuijianneirong-div1">
                        <a href="#">
                            <img src="../img/jian.png" alt="">
                            <span class="tuijianneirong-div1-span1">#新人报道#</span>
                            <span class="tuijianneirong-div1-span2">16.7m</span>
                        </a>
                    </div>
                    <div class="tuijianneirong-div1">
                        <a href="#">
                            <img src="../img/jian.png" alt="">
                            <span class="tuijianneirong-div1-span1">#创作者训练营#</span>
                            <span class="tuijianneirong-div1-span2">4.7m</span>
                        </a>
                    </div>
                    <div class="tuijianneirong-div1">
                        <a href="#">
                            <img src="../img/jian.png" alt="">
                            <span class="tuijianneirong-div1-span1">#我的技术写作成长之路#</span>
                            <span class="tuijianneirong-div1-span2">4.9m</span>
                        </a>
                    </div>
                </div>
                <div class="xiahuaxian"></div>
                <div class="chakangengduo">
                    <a href="#">
                        <span>查看更多</span>
                        <span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span>
                    </a>
                </div>
            </div>
            <div class="banquan">
                <ul>
                    <li>
                        <a href="#">用户协议</a>
                        <a href="#">营业执照</a>
                        <a href="#">隐私政策</a>
                        <a href="#">关于我们</a>
                    </li>
                    <li>
                        <a href="#">使用指南</a>
                        <a href="#">友情链接</a>
                        <a href="#">更多文章</a>
                    </li>
                    <li> <span>举报邮箱:</span><a href="#">feedback@xitu.io</a></li>
                    <li> <span>座机电话:</span><a href="#">010-83434395</a></li>
                    <li><a href="#">京ICP备：18012699号-3</a></li>
                    <li><a href="#">京ICP证：京B2-20191272</a></li>
                    <li><a href="#"><img src="../img/beian.png" alt="">京公网安备11010802026719号</a></li>
                    <li><span>©2024 稀土掘金</span></li>
                </ul>
            </div>
        </div>
        <!-- 右侧下边三点 -->
        <div class="youxia-div">
            <div class="youxia-out1 youxia-out">
                <button class="youxia1 youxia">
                    <span class="iconfont icon-mtiIcon-caozuo-xiangyou2">
                    </span>
                </button>
            </div>
            <div class="youxia-out2 youxia-out">
                <button class="youxia2 youxia">
                    <span class="iconfont icon-mtiIcon-caozuo-xiangyou2">
                    </span>
                </button>
            </div>
        </div>
    </div>
</body>
<script src="../js/xitu.js"></script>
</html>